.page {
  padding-bottom: 145rpx;
  background-color: #ebf5ff;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section_4 {
  background-image: url('https://img.vrupup.com/web/rq/ait/images/succ-bg1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_5 {
  padding-bottom: 369rpx;
  background-image: url('https://img.vrupup.com/web/rq/ait/images/succ-bg2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image_6 {
  align-self: center;
  // width: 58.5rpx;
  // height: 55rpx;
  width: 482rpx;
  height: 162rpx;
}
.group_4 {
  margin-left: 11rpx;
  padding: 20.5rpx 9rpx 15.5rpx;
  height: 167rpx;
  position: relative;
}
.text_2 {
  margin-left: 12rpx;
  margin-top: 35.5rpx;
  color: #ffffff;
  font-size: 82rpx;
  font-family: YouSheBiaoTiHei;
  line-height: 59rpx;
}
.image_8 {
  margin-right: 27.5rpx;
  margin-top: -94.5rpx;
  flex-shrink: 0;
  align-self: flex-end;
  width: 18rpx;
  height: 17rpx;
}
.image_9 {
  margin-left: 39.5rpx;
  margin-top: 90.5rpx;
  flex-shrink: 0;
  align-self: flex-start;
  width: 26rpx;
  height: 24rpx;
}
.image_10 {
  margin-top: -117rpx;
  flex-shrink: 0;
  align-self: flex-start;
  opacity: 0.1;
  width: 13rpx;
  height: 12rpx;
}
.image_11 {
  flex-shrink: 0;
  width: 356rpx;
  height: 167rpx;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.space-y-20 > view:not(:first-child),
.space-y-20 > text:not(:first-child),
.space-y-20 > image:not(:first-child) {
  margin-top: 20rpx;
}
.group_5 {
  margin-top: -359rpx;
  padding: 0 30rpx;
  position: relative;
  margin-bottom: 70rpx;
}
.space-y-50 > view:not(:first-child),
.space-y-50 > text:not(:first-child),
.space-y-50 > image:not(:first-child) {
  margin-top: 50rpx;
}
.section_6 {
  padding: 0 30rpx 37rpx 31rpx;
  background-color: #ffffff;
  border-radius: 24rpx;
}
.space-x-30 > view:not(:first-child),
.space-x-30 > text:not(:first-child),
.space-x-30 > image:not(:first-child) {
  margin-left: 30rpx;
}
.group_7 {
  padding: 40rpx 0 18.5rpx;
}
.text_3 {
  opacity: 0.5;
}
.text_4 {
  margin-top: 9rpx;
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 27.5rpx;
}
.text_5 {
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 42rpx;
}
.section_7 {
  align-self: flex-end;
  background-color: #f6f6f6;
  width: 479rpx;
  height: 2rpx;
}
.group_9 {
  padding-bottom: 27.5rpx;
}
.text_6 {
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 27.5rpx;
}
.text_7 {
  margin: 3rpx 0 2rpx 31rpx;
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 23rpx;
}
.section_8 {
  margin-right: 48rpx;
  align-self: flex-end;
  background-color: #f6f6f6;
  width: 431rpx;
  height: 2rpx;
}
.text_8 {
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 28rpx;
}
.text_9 {
  margin: 3rpx 0 2rpx 29rpx;
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 23rpx;
}
.space-x-32 > view:not(:first-child),
.space-x-32 > text:not(:first-child),
.space-x-32 > image:not(:first-child) {
  margin-left: 32rpx;
}
.text_10 {
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 28rpx;
}
.text_11 {
  color: #353535;
  font-size: 30rpx;
  font-family: Source Han Sans CN;
  line-height: 26rpx;
}
.section_9 {
  padding: 24rpx 20rpx;
  background-color: #ffffff;
  border-radius: 36rpx;
}
.text_12 {
  align-self: center;
  color: transparent;
  font-size: 36rpx;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 38rpx;
  text-transform: uppercase;
  background-image: linear-gradient(95.5deg, #03aaf3 0%, #0e45d3 100%);
  -webkit-background-clip: text;
  margin-bottom: 20rpx;
}

.give {
  color: #545a6a;
  font-size: 25rpx;
  line-height: 39rpx;
  margin-bottom: 12rpx;
  text-indent: -14rpx;
margin-left: 14rpx;
}






.fad{
  width: 100%;
  height: 170rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 20rpx 0 54rpx;
  background-color: #ffffff;
  box-shadow: 0px -4rpx 16rpx #00000014;
  .btn{
    width: 310rpx;
    height: 96rpx;
    line-height: 96rpx;
    text-align: center;
    border-radius: 48rpx;
  }
  .btn1{
    border: 2rpx solid #04A4F1;
    font-size: 32rpx;
    color: #0B63DC;
    margin-right: 30rpx;
  }
  .btn2{
    background-image: linear-gradient(95.5deg, #03aaf3 0%, #0e45d3 100%);
    box-shadow: 4rpx 4rpx 16rpx #799a9440, -6rpx -6rpx 20rpx #ffffff;
    color: #ffffff;
    font-size: 32rpx;
  }
}
.playbill {
  text-align: center;

  .playbill-img {
    width: 554rpx;
    height: 984rpx;
    background-color: #fff;
  }

  .title {
    color: #ffffff;
    font-size: 28rpx;
    margin-top: 26rpx;
  }

  .download {
    width: 25rpx;
    height: 25rpx;
    margin-top: 26rpx;
    margin-left: 10rpx;
  }

  .close {
    width: 54rpx;
    height: 55rpx;
    margin-top: 30rpx;
  }
}
#myCanvas {
  width: 554px;
  height: 842px;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 100%;
}